// element-ui
@import "../../vendor/element-ui/index";
@import "../../sui/adapt/element-ui";
@import "../../sui/adapt/layui";
@import "../../sui/adapt/ms";

// ui-brick
@import "../../sui/base/style";
@import "../../sui/bricks/component/header/header";
@import "../../sui/bricks/component/footer/footer";
@import "../../sui/bricks/component/search/search";
@import "../../sui/bricks/component/article/article";
@import "../../sui/bricks/component/list/list";
@import "../../sui/bricks/component/html/html";
@import "../../sui/bricks/component/misc/misc";
@import "../../sui/bricks/component/misc/cover";
@import "../../sui/bricks/component/comment/comment";
@import "../../sui/bricks/component/tag/tag";
@import "../../sui/bricks/component/nav/nav";
@import "../../sui/bricks/component/menu/menu";
@import "../../sui/bricks/component/page/page";
@import "../../sui/bricks/component/panel/panel";
@import "../../sui/bricks/component/modal/modal";
@import "../../sui/bricks/page/panel/panel";
@import "../../sui/bricks/page/account/account";
@import "../../sui/bricks/component/content/content";
@import "../../sui/bricks/component/lister/lister";
@import "../../sui/bricks/component/form/form";
@import "../../sui/bricks/component/image/image";
@import "../../sui/bricks/component/dashboard/dashboard";
@import "../../sui/bricks/component/i18n/i18n";
@import "../../sui/bricks/component/bar/bar";
@import "../../sui/bricks/component/animate/animate";

body, html {
    background: var(--color-body-bg);
    color: var(--color-text);
}

[v-cloak] {
    display: none;
}

.ub-lister-table-container {
    .toolbox-container {
        float: right;
    }

    .table-addition-container {
        //padding-bottom: 10px;
    }

    .table-container {
        width: 100%;
        //margin-top: -10px;
    }

    .page-container {
        // background: #FFF;
        //padding: 0 0.5rem;

        .layui-laypage {
            margin: 0.5rem 0 0.3rem 0;

            span {
                background: transparent;
            }

            .layui-laypage-spr {
                background: #FFF;
            }
        }
    }
}

.ub-upload-button {
    overflow: hidden;
    position: relative;

    .webuploader-pick {
        display: inline-block;
    }

    .webuploader-container {
        display: inline-block;
    }

    .webuploader-list {
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0;

        & > li {
            padding: 0;
            border: 0;

            .progress-box {
                height: 2px;
                border: none;

                .progress-bar {
                    background-color: var(--color-primary);
                    height: 2px;
                    border-radius: 2px;
                }
            }

            .progress-info {
                display: none;
            }
        }
    }
}

@media screen and (max-width: 40rem) {
    body > :not(.ub-panel-dialog) {
        .ub-form {
            .line {
                padding: 0.5rem;

                .label {
                    float: none;
                    margin: 0;
                    width: 100%;
                    text-align: left;
                    line-height: inherit !important;
                    padding-bottom: 0.1rem;
                }
            }
        }
    }
}
